<!-- CardHeader.vue -->
<template>
  <div
    :class="cn(
      '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 pt-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',
      className
    )"
    data-slot="card-header"
    v-bind="$attrs"
  >
    <slot/>
  </div>
</template>

<script setup>
import {cn} from "../../utils/index.js";

const props = defineProps({
  className: {
    type: String,
    default: ""
  }
});
</script>
